<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局1</title>
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/style.css">

</head>
<body>
<div class="container"><!--container-fluid-->
    <div class="row layout-header bg-success">row1</div>
    <div class="row layout-row bg-info">

        <div class="col-md-3">

            <div class="panel panel-success top-80">

                <div class="panel-heading">
                    月度报表
                </div>

                <div class="panel-body">
                    <div id="monthReport" class="month-report">  <!--驼峰命名法 :   第一个单词首字母小写，以后单词的首字母开始大写-->

                    </div>
                </div>

            </div>



        </div>
        <div class="col-md-5">col-md-5</div>
        <div class="col-md-offset-1 col-md-3">col-md-3</div>

    </div>
    <div class="row layout-row bg-primary">
        <div class="col-md-6">
            <div class="col-md-8 bordered">
                col-md-8
            </div>
            <div class="col-md-4 bordered">
                col-md-4
            </div>
        </div>


        <div class="col-md-6">
            <div class="col-md-6 bordered">
                col-md-6
            </div>
            <div class="col-md-6 bordered">
                col-md-6
            </div>
        </div>

    </div>

</div>
</body>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/mockjs/dist/mock.js"></script>
<script src="../node_modules/echarts/dist/echarts.js"></script>
<script src="../js/layout1.js"></script>

</html>